<template>
  <div>
    <!-- 顶部导航栏 -->
    <Navigation />
    <!-- 头部 -->
    <HeaderNav />
    <!-- 热门活动 -->
    <HodActivity />
    <!-- 轮播图 -->
    <Banners />
    <!-- 音乐列表 -->
    <DatasList />
    <!-- 戏剧列表 -->
    <OptionList />
    <OptionList />
  </div>
</template>
<script>
import Banners from "./Banners";
import HeaderNav from "./HeaderNav";
import HodActivity from "./HodActivity";
import OptionList from "./OptionList";
import DatasList from "./DatasList";

export default {
  name: "City",
  components: {
    Banners,
    HeaderNav,
    HodActivity,
    OptionList,
    DatasList,
  },
};
</script>
<style lang="less" rel="stylesheet/less" scoped>
</style>